@charset "utf-8";
/* CSS Document */
/* VNCREATIVE TEMPLATE Ver. 1.0
==============================================
Designed by: Gafs - http://www.borderleft.com
Modified by: VNCreative
==============================================*/

body {
	color:#3E2F2F;
	font-family:Verdana, Geneva, sans-serif;
	font-size:62.5%;
	width:100%;
}

h1, h2, h3 {font-weight:normal;}
h1 {font-size:1.8em; line-height:1.8em;}
h2 {font-size:1.6em; line-height:1.6em;}
h3 {font-size:1.4em; line-height:1.4em;}

p {line-height:1.6em; padding-bottom:1.6em;}

a {color:#39C; text-decoration:none;}
a:hover {color:#FC6; text-decoration:underline;}

form input {
    border:1px solid #CCC;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:1px 1px 2px #CCC;
    -webkit-box-shadow:1px 1px 2px #CCC;
    box-shadow:1px 1px 2px #CCC;
    padding:3px;
}
form input:focus {border:1px solid #39C;}
form input.small {width:50px;}
form input.medium {width:120px;}
form input.large {width:220px;}
form input.superLarge {width:500px;}
.error{
    background:URL("../images/cancel.png") center left no-repeat;
    color:#900;	
}
label.error {text-align:left; padding-left:18px;}
input.error {border:1px solid #900;}
.block {display:block;}
.tooltip{background-color:#222; position: absolute; top: 0; left: 0; z-index: 3; display: none; -webkit-box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333; box-shadow:1px 1px 5px #333;}

#wrap {}

/* TOP
*****************************/
#top {border-bottom:1px solid #111; color:#CCC;}

#globalNavigation {
	background-color:#222;
	border-bottom:1px solid #ccc;
	position:relative;
	width:100%;
}

#logo {float:left; width:30%;}
#logo h1, #logo p {padding-left:10px;}
#user {
	float:right;
	position:absolute;
	right:0;
	top:0;
}

#menu { float:right; padding-top:25px; width:70%;}
#menu li, #user li {float:left; margin:10px;}
#menu li.selected a {color:#FC6;}
/* MIDDLE
*****************************/
#middle {padding-bottom:70px;}
.btnCopy {background:URL("../images/jquery.wysiwyg.gif"); height:16px; width:16px; display:block;}
.btnCopy {background-position: -48px -64px;}
/* Grid
*****************************/
#gridHeader {background-color:#FC6; font-weight:bold; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #111;}

.gridItem {padding-top:12px; padding-bottom:8px;}
.gridItem.evenRow {background-color:#FFC;}
.gridItem.oddRow {background-color:#FFF;}
.gridItem:hover {background-color:#FC6;}
.gridItem .sale img {margin-bottom:-5px;}
.gridItem a:hover {color:#39C;}
img.status {cursor: pointer;}

/* Form
*****************************/
.formItem {display:block; margin:7px 0;}
.formItem label {display:block; padding:7px 0; text-align:right;}
.formItem label.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.formItem textarea {width:600px; height:200px;}
/* Action Bar
*****************************/
.actionBar {
	background-color:#111;
	bottom:0;
	position:fixed;
}
#filterBar {background-color:#FFC; padding-bottom:3px;}
#filterBar div {margin-top:5px;}
.actionMenu h3 {
	background-color:#FFF;
	/*border:1px solid #111;*/
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline;
	padding:4px 10px;
}
.actionMenu {}
.actionMenu li, .actionBtn {
	background-color:#111;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	float:left;
	margin:5px;
	opacity:1;
	padding:5px 10px;
}
.otherAction .actionBtn {margin-top:30px; display:block; float:none;}
.pagination {
	background-color:#111;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-top:5px;
	padding:5px;
	text-align:center;
}
/* BOTTOM
*****************************/
#bottom {}
